<div class='panel-container' style="">
    <row class="app-layoutpanel" style="height:100%;">
        <i-col v-show="detailsModel.container1.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
            <row style="height:100%;">
                      <i-col v-show="detailsModel.container2.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                              <i-col v-show="detailsModel.container4.visible"  :md="{ span: 4, offset: 0 }" :lg="{ span: 4, offset: 0 }" style="" class="app-layoutpanel-container">
                            <row style="height:100%;">
                                      
                                <i-col v-show="detailsModel.icon.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                                    <div class="item-field">
                                    
                                    <div class="item-field-content">
                                    
                                <app-span :value="data.icon" name="icon" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                                
                                    </div>
                                </div>
                                
                                
                                </i-col>
                            </row>
                        </i-col>
                              <i-col v-show="detailsModel.container5.visible"  :md="{ span: 20, offset: 0 }" :lg="{ span: 20, offset: 0 }" style="" class="app-layoutpanel-container">
                            <row style="height:100%;">
                                      
                                <i-col v-show="detailsModel.activity_type_id_text.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                                    <div class="item-field">
                                    
                                    <div class="item-field-content">
                                    
                                <app-span :value="data.activity_type_id_text" name="activity_type_id_text" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                                
                                    </div>
                                </div>
                                
                                
                                </i-col>
                                      
                                <i-col v-show="detailsModel.create_date.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                                    <div class="item-field">
                                    
                                    <div class="item-field-content">
                                    
                                <app-span :value="data.create_date" name="create_date" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                                
                                    </div>
                                </div>
                                
                                
                                </i-col>
                                      <i-col v-show="detailsModel.container6.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                                    <row style="height:100%;">
                                              
                                        <i-col v-show="detailsModel.user_id_text.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                                            <div class="item-field">
                                            
                                            <div class="item-field-content">
                                            
                                        <app-span :value="data.user_id_text" name="user_id_text" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                                        
                                            </div>
                                        </div>
                                        
                                        
                                        </i-col>
                                    </row>
                                </i-col>
                                      
                                <i-col v-show="detailsModel.note.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                                    <div class="item-field">
                                    
                                    <div class="item-field-content">
                                    
                                <app-span :value="data.note" name="note" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style=""> </app-span> 
                                
                                    </div>
                                </div>
                                
                                
                                </i-col>
                            </row>
                        </i-col>
                    </row>
                </i-col>
                      <i-col v-show="detailsModel.container3.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                              <div v-show="detailsModel.container7.visible" class="app-layoutpanel-container" style="">
                            <div style="height:100%;display: flex;">
                                      
                                <div v-show="detailsModel.button1.visible" style="" class="app-layoutpanel-button">
                                    <i-button :disabled="detailsModel.button1.disabled" type="primary" long @click="uiAction(null, 'action_done', $event)" >
                                    <i class="fa fa-check"></i>
                                    <span>标记完成</span>
                                </i-button>
                                
                                
                                </div>
                                      
                                <div v-show="detailsModel.button2.visible" style="" class="app-layoutpanel-button">
                                    <i-button :disabled="detailsModel.button2.disabled" type="primary" long @click="uiAction(null, 'Edit', $event)" >
                                    <i class="fa fa-edit"></i>
                                    <span>编辑</span>
                                </i-button>
                                
                                
                                </div>
                                      
                                <div v-show="detailsModel.button3.visible" style="" class="app-layoutpanel-button">
                                    <i-button :disabled="detailsModel.button3.disabled" type="primary" long @click="uiAction(null, 'Remove', $event)" >
                                    <i class="fa fa-remove"></i>
                                    <span>取消</span>
                                </i-button>
                                
                                
                                </div>
                            </div>
                        </div>
                    </row>
                </i-col>
            </row>
        </i-col>
    </row>
</div>
